import { PenChildProps } from "@/types";
import { FormRowCol } from "@/components/common/FormRowCol.tsx";
import { Input, Space } from "antd";

export function AnimationIframe({ penOptions, setPenValue }: PenChildProps) {
  return (
    <>
      <Space
        style={{ padding: "10px" }}
        className={"w-full"}
        direction="vertical"
      >
        <FormRowCol label="网页URL">
          <Input.TextArea
            value={penOptions.iframe}
            onChange={(e) => {
              setPenValue("iframe", e.target.value);
            }}
          ></Input.TextArea>
        </FormRowCol>
      </Space>
    </>
  );
}
